<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!doctype html>
<html>
	<head>
	<title>支付</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=0.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
	<meta name=”apple-mobile-web-app-capable” content=”yes” />
	<meta name="format-detection" content="telephone=no">
	<script type="text/javascript">
		;(function (doc, win) {
		    var docEl = doc.documentElement,
		      resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
		      recalc = function () {
		        var clientWidth = docEl.clientWidth;
		        var clientHeight = docEl.clientHeight;
		        if (!clientWidth) return;
		            docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
		      };
		      recalc();
		    if (!doc.addEventListener) return;
		    win.addEventListener(resizeEvt, recalc, false);
		    doc.addEventListener('DOMContentLoaded', recalc, false);
		})(document, window);
	</script>
	<link rel="stylesheet" type="text/css" href="${static_server}/static/css/default.css">
	<link rel="stylesheet" href="${server}/static/css/iconfont/iconfont.css">
	<style>
	
.tipsComponent{min-height: 6rem;width: 100%;background: #fff;padding:0 0.33rem;box-sizing:border-box;border-bottom: 1px solid #cfcfcf;border-top: 1px solid #cfcfcf; position: absolute;top: 1.55rem;}
.tipsComponent .tipHead{color: #e63232;height: 1.1rem;line-height: 0.9rem;text-align: center; border-bottom: 1px solid #cfcfcf;font-size: 0.26rem;padding: 0.15rem;box-sizing: border-box;}
.tipsComponent .tipBody{padding:0 0 0;font-size: 0.28rem;}

.tipsComponent .tipBody .barCodeBox{width: 3.49rem;height: 1.55rem;margin: 0 auto;}
.tipsComponent .tipBody .barCodeBox img{height: 90%;width: auto;margin: 0.2rem auto 0.2rem}
.tipsComponent .tipBody .TotalText{text-align: center;margin: 0.3rem auto 0.2rem;padding:0 0 0.3rem;border-bottom: 1px solid #cfcfcf;}

.tipsComponent .tipBottom{height: 2.45rem;line-height: 0.5rem;text-align: center;font-size: 0.3rem;padding: 0.15rem;box-sizing: border-box;}
.tipsComponent .tipBottom .pic{font-size: 0.35rem; padding: 0.15rem;box-sizing: border-box;}
	
	</style>
	</head>
<body>

<div class="wrap" onload="loaded()">
	
	<div class="contentWrap"> 
					<div class="paymentBox">
						<p class="paymentTitle">
							<spring:message code="YYK-20014" />
						</p>
						<div class="paymentWay">
							<div class="cashBox">
								<div class="check-box">
									<input id="inCash" type="radio" name="payment" value="2"
										checked="checked" />
								</div>
								<div class="cashText">
									<spring:message code="YYK-20028" />
								</div>
								<div class="cash" style="opacity: 0">
									<img src="${static_server}/static/images/btn/cash.png" alt="">
								</div>
							</div>
						</div>
					</div>
					<div class="tipsComponent">
							<div class="tipHead">
								<spring:message code="YYK-20042" />
							</div>
							<div class="tipBody" >
								<div class="barCodeBox">
									<img src="${static_server}/static/images/barCode/barCode.png"
										alt="">
								</div>
								<div class="TotalText">
									Total:
									<fmt:formatNumber value="${price}" pattern="€0.00#" />
									<br />Total Quantity:${totalCount}
								</div>
							</div>
							<div class="tipBottom">
								<spring:message code="YYK-20068" />
								</br><spring:message code="YYK-20069" /><spring:message code="YYK-20070" />
								<div class="pic"></div>
							</div>
						</div>
	</div>
	<footer class="footerToFixed">
		<div class="footerMenu mts15">
			<ul>
				<li name="shoppingBtn"><spring:message code="YYK-20065" /></li>
				<li class="selectedBg"><spring:message code="YYK-20066" /></li>
			</ul>
		</div>
	</footer>
</div>

<input type="hidden" id="path" value="${server}"/>
<input type="hidden" id="shopId" value="${shopId}"/>
</body>
<script type="text/javascript" src="${static_server}/static/js/iscroll.js"></script>
<script type="text/javascript" src="${static_server}/static/js/zepto.min.js"></script>

<script type="text/javascript">
$(document).ready(function (){
	var path = $("#path").val();
	
	$('.selectedBg').on('click',function (){
		window.location.href = path+"/userorder/find/0";
	});
	
	$("[name=shoppingBtn]").on('click',function (){
		
		var shopId = $("#shopId").val();
		window.location.href = path+"/cart/index/"+shopId;
	})
})
</script>
</html>